<template>
  <div class="container">
    <global-header :user="currentUser"></global-header>
    <column-list :list="list"></column-list>
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue'
import 'bootstrap/dist/css/bootstrap.min.css'
import ColumnList, { ColumnProps } from '@/components/ColumnList.vue'
import GlobalHeader, { UserProps } from '@/components/GlobalHeader.vue'

const currentUser: UserProps = {
  isLogin: true,
  name: 'Sean'
}

const testData: ColumnProps[] = [
  {
    id: 1,
    title: 'test1的专栏',
    description: '垃圾斗爱打架发垃圾斗爱打架发哦司法局爱搜if阿松垃圾斗爱打架发哦司法局爱搜if阿松哦司法局爱搜if阿松',
    avatar: 'http://ph.taosha.club/100'
  },
  {
    id: 2,
    title: 'test2的专栏',
    description: '垃圾斗爱打架发哦司法局爱搜if阿松'
  },
  {
    id: 2,
    title: 'test2的专栏',
    description: '垃圾斗爱打架发哦司法局爱搜if阿松垃圾斗爱打架发哦司法局爱搜if阿松',
    avatar: 'http://ph.taosha.club/100'
  },
  {
    id: 2,
    title: 'test2的专栏',
    description: '垃圾斗爱打架发哦司法局爱搜if阿松',
    avatar: 'http://ph.taosha.club/100'
  },
  {
    id: 2,
    title: 'test2的专栏',
    description: '垃圾斗爱打架发哦司法局爱搜if阿松',
    avatar: 'http://ph.taosha.club/100'
  }
]

export default defineComponent({
  name: 'App',
  components: {
    ColumnList,
    GlobalHeader
  },
  setup () {
    return {
      list: testData,
      currentUser
    }
  }
})
</script>

<style>

</style>
